<template>
	<view class="u-storage-item f-bc-whilte f-mb7">
		<view class="g-header f-fz14 f-frowspcen f-plr15">
			<text class="f-fc-primary f-fw650 f-toh">奥迪A4L 2019款 40 TFSI 进取型</text>
			<text class="f-fc-red f-price f-fs0">29.90万</text>
		</view>
		<view class="g-con f-frow f-fwrap">
			<view class="u-msg-item f-frowceny f-fz13">
				<text class="f-key-left f-fc-grey f-mr10">台数</text>
				<text class="f-f1 f-fc-primary">20台</text>
			</view>
			<view class="u-msg-item f-frowceny f-fz13">
				<text class="f-key-right f-fc-grey f-mr10">销售区域</text>
				<text class="f-f1 f-fc-primary">限西区</text>
			</view>
			<view class="u-msg-item f-frowceny f-fz13 f-mt13">
				<text class="f-key-left f-fc-grey f-mr10" style="width: 116rpx;">外饰/内饰</text>
				<text class="f-f1 f-fc-primary">黑色／灰色</text>
			</view>
			<view class="u-msg-item f-frowceny f-fz13 f-mt13">
				<text class="f-key-right f-fc-grey f-mr10">所在仓库</text>
				<text class="f-f1 f-fc-primary f-toh">上海安亭一库</text>
			</view>
			<view class="u-msg-item f-frowceny f-fz13 f-mt13">
				<text class="f-key-left f-fc-grey f-mr10">指导价</text>
				<text class="f-f1 f-fc-primary">28.58万</text>
			</view>
		</view>
		<view class="g-bot f-frowspcen f-plr15">
			<text class="f-fz13 f-fc-primary f-toh">上海俱频汽车租赁有限公司</text>
			<text class="f-fz12 f-fc-grey f-fs0">2019-12-12</text>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		info: {
			type: Object,
			default: {}
		},
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.u-storage-item {
	.g-header {
		height: 92rpx;
	}
	.g-con {
		padding: 30rpx 28rpx;
		border-top: 2rpx solid #f5f5f5;
		border-bottom: 2rpx solid #f5f5f5;
		.u-msg-item {
			width: 50%;
			.f-key-left {
				display: inline-block;
				width: 78rpx;
			}
			.f-key-right {
				display: inline-block;
				width: 104rpx;
			}
		}
	}
	.g-bot {
		height: 84rpx;
	}
}
</style>
